<template>
  <div class="liquidity">
    <Header @changelang="changeLanguage" bgColor="linear-gradient(90deg, #7719c7 0%, #431092 27%, #0e065d 70%, #080055 100%)"></Header>
    <article>
    	<div class="kraken-components">
    		<div class="kraken-component">
    			<div class="kraken-hero-internal">
    				<div class="kraken-content-wrapper">
    					<div class="copy">
    						<p class="subheader">Liquidity</p>
    						<h1>
    							<p><strong>Cryptocurrency</strong><br />
    								and Bitcoin
    								Liquidity</p>
    						</h1>
    					</div>
    				</div>
    				<div class="illustration"></div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>High trade volume,</strong> maximum cryptocurrency liquidity</span> </h2>
    						<div class="body">
    							<p>Cryptocurrency prices can change quickly. To ensure you can maximize profits, you need to move in and out of the market quickly.  At QtGlobal, our deep liquidity ensures trade execution at the price you want -- with spreads as tight as 1 pip.</p>

    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>What is</strong> liquidity？</span> </h2>
    						<div class="body">
    							<p>Liquidity refers to how easily an asset can be bought or sold at a stable price on a given market. The quicker you can sell off an asset as close to your asking price as possible, the more liquid an exchange is considered to be.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-text-call-out">
    				<div class="kraken-content-wrapper">
    					<p><strong>What drives</strong> QtGlobal liquidity</p>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-icon-list">
    				<div class="kraken-content-wrapper">
    					<div class="icon-list-items" style="color:black;background-color:white">
    						<div class="item">
    							<div class="copy">
    								<div class="kraken-headline">
    									<h2>
    										<p><strong>High</strong> trading volume</p>
    									</h2>
    								</div>
    								<div class="body">
    									<p>for all cryptocurrencies we list</p>
    								</div>
    							</div>
    						</div>
    						<div class="item">
    							<div class="copy">
    								<div class="kraken-headline">
    									<h2>
    										<p><strong>Low</strong> fees</p>
    									</h2>
    								</div>
    								<div class="body">
    									<p>that incentivize makers to open more positions</p>
    								</div>
    							</div>
    						</div>
    						<div class="item">
    							<div class="copy">
    								<div class="kraken-headline">
    									<h2>
    										<p><strong>More</strong> funding options</p>
    									</h2>
    								</div>
    								<div class="body">
    									<p>means it’s easier to get into the action</p>
    								</div>
    							</div>
    						</div>
    						<div class="item">
    							<div class="copy">
    								<div class="kraken-headline">
    									<h2>
    										<p><strong>More</strong> active traders</p>
    									</h2>
    								</div>
    								<div class="body">
    									<p>on our platform to fill open orders</p>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>Bitcoin liquidity on QtGlobal</strong></span> </h2>
    						<div class="body">
    							<p>How liquid is bitcoin? It depends entirely on which exchange you’re trading on. More market makers on a given exchange mean assets will be traded at higher volume, which equates to more liquidity. QtGlobal is the largest exchange by euro volume in the world so we are among the top exchanges by bitcoin liquidity.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>High trading volumes equals more liquidity</strong></span> </h2>
    						<div class="body">
    							<p>Aside from being the top exchange for bitcoin liquidity, we’re consistently among the top exchanges by volume for all of the assets we list. With thousands of global clients selling and buying cryptocurrency every day, it's that much more likely that you'll get the best price for whichever token you’re looking to trade.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>Low</strong> makers fees</span>
    						</h2>
    						<div class="body">
    							<p>Trading volume isn’t the only thing that affects cryptocurrency liquidity. Lower commissions can incentivize market makers to open more positions. At QtGlobal, our maker fees are some of the lowest in the industry - starting at 0.16% and going as low as 0.00%! Check out our complete fee schedule to learn more.</p>
    							<p> 
                  <br />
                  <br />
                  <br />
                  <br />
                  <br />
                  <br />
                  <br />
                  </p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>

    	</div>
    </article>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from "@/components/header";
  import Footer from "@/components/footer";
  import commonMixins from "@/mixins";

  export default {
      mixins: [commonMixins],
      components: {
          Header,
          Footer
      },
      computed: {
        isLogin() {
          return this.$store.state.usertoken ? true : false;
        }
      },
      watch:{
      },
      data () {
          return {
          }
      },
      created(){
      },
      mounted(){
      },
      methods:{
        next_fn() {
          if(this.isLogin) {
            this.$router.push('trade');
          } else {
            this.$router.push('login');
          }
        },
      }
  }
</script>

<style lang="less" scoped="scoped">
.liquidity {
  padding-top: 100px;
}
.fc1 {
  margin: 0;
}
.fc2 {
  font-size: 0.875rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.43;
}
.fc3 {
  font-size: 1rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.5;
}
.fc4 {
  font-size: 0.75rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.66;
}
.fc5 {
  font-size: 0.875rem;
  font-family: 'Celias';
  font-weight: 700;
  line-height: 1.75;
  text-transform: uppercase;
}
.fc6 {
  font-size: 6rem;
  font-family: 'Celias';
  font-weight: 300;
  line-height: 1.167;
}
.fc7 {
  font-size: 3.75rem;
  font-family: 'Celias';
  font-weight: 300;
  line-height: 1.2;
}
.fc8 {
  font-size: 3rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.167;
}
.fc9 {
  font-size: 2.125rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.235;
}
.fc10 {
  font-size: 18px;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.334;
}
.fc11 {
  font-size: 16px;
  font-family: 'Celias';
  font-weight: 700;
  line-height: 30px;
}
.fc12 {
  font-size: 1rem;
  font-family: 'Celias';
  font-weight: 500;
  line-height: 1.75;
}
.fc13 {
  font-size: 12px;
  font-family: 'Celias';
  font-weight: 700;
  line-height: 1.57;
}
.fc14 {
  font-size: 0.75rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 2.66;
  text-transform: uppercase;
}
.fc15 {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.fc16 {
  text-align: left;
}
.fc17 {
  text-align: center;
}
.fc18 {
  text-align: right;
}
.fc19 {
  text-align: justify;
}
.fc20 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fc21 {
  margin-bottom: 0.35em;
}
.fc22 {
  margin-bottom: 16px;
}
.fc23 {
  color: inherit;
}
.fc24 {
  color: #5741d9;
}
.fc25 {
  color: #0385e6;
}
.fc26 {
  color: #0E0C28;
}
.fc27 {
  color: rgba(111, 116, 154, 0.47);
}
.fc28 {
  color: #ffb968;
}
.fc29 {
  display: inline;
}
.fc30 {
  display: block;
}
.fc-b069214d-1 {
  width: 100%;
  margin: 0 auto;
  max-width: 1170px;
}
@media (max-width:1229.95px) {
  .fc-b069214d-1 {
    width: initial;
    margin: 0 30px;
  }
}
  .fc-5fdd80f2-1 {
    width: max-content;
    display: flex;
    z-index: 2;
    margin-top: 30px;
  }
  .fc-5fdd80f2-1 :first-child {
    margin-right: 10px;
  }
  .fc-0249d7f8-1 {
    color: #0E0C28;
  }
  .fc-a8a3a929-1 {
    width: 50vw;
    padding: 12px 0 20px 0;
    position: absolute;
  }
  .fc-a8a3a929-1 * a {
    text-decoration: none;
  }
  .fc-a8a3a929-2 {
    visibility: hidden;
  }
  .fc-a8a3a929-3 {
    display: flex;
    flex-direction: row;
  }
  .fc-a8a3a929-4 {
    margin-right: 40px;
  }
  .fc-a8a3a929-5 {
    line-height: 29px;
  }
  .fc-a8a3a929-6 {
    color: #fff;
    opacity: 0.6;
  }
  .fc-a8a3a929-6:hover {
    opacity: 0.48;
  }
  .fc-db0cec94-1 {
    position: relative;
    margin-right: 32px;
  }
  .fc-db0cec94-1 > a {
    display: block;
    overflow: hidden;
    text-decoration: none;
  }
  .fc-db0cec94-1:hover {
    cursor: pointer;
  }
  .fc-db0cec94-1:hover > a:after {
    opacity: 1;
    transform: translate(0%, 0);
    background-color: #fff;
  }
  .fc-db0cec94-1 > a:after {
    width: 100%;
    bottom: 0;
    height: 2px;
    content: "";
    display: block;
    opacity: 0;
    transition: transform 0s linear 0s, opacity 0s linear 0s;
  }
  .fc-db0cec94-2 {  }
  .fc-db0cec94-2 > a {  }
  .fc-db0cec94-2:hover {  }
  .fc-db0cec94-2:hover > a {  }
  .fc-db0cec94-2:hover > a:after {
    transition: transform 0.06s ease-out 0s, opacity 0.15s ease-out 0s;
  }
  .fc-db0cec94-2 > a:after {
    transform: translate(0%, 0);
  }
  .fc-db0cec94-3 {  }
  .fc-db0cec94-3 > a {  }
  .fc-db0cec94-3:hover {  }
  .fc-db0cec94-3:hover > a {  }
  .fc-db0cec94-3:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-3 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-4 {  }
  .fc-db0cec94-4 > a {  }
  .fc-db0cec94-4:hover {  }
  .fc-db0cec94-4:hover > a {  }
  .fc-db0cec94-4:hover > a:after {
    transition: transform 0.06s ease-out 0s, opacity 0.15s ease-out 0s;
  }
  .fc-db0cec94-4 > a:after {
    transform: translate(0%, 0);
  }
  .fc-db0cec94-5 {  }
  .fc-db0cec94-5 > a {  }
  .fc-db0cec94-5:hover {  }
  .fc-db0cec94-5:hover > a {  }
  .fc-db0cec94-5:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-5 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-6 {  }
  .fc-db0cec94-6 > a {  }
  .fc-db0cec94-6:hover {  }
  .fc-db0cec94-6:hover > a {  }
  .fc-db0cec94-6:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-6 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-7 {  }
  .fc-db0cec94-7 > a {  }
  .fc-db0cec94-7:hover {  }
  .fc-db0cec94-7:hover > a {  }
  .fc-db0cec94-7:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-7 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-a4de58d0-1 {
    display: flex;
    z-index: 5;
    flex-grow: 1;
    align-items: baseline;
  }
  .fc-a4de58d0-2 {
    display: flex;
    flex-grow: 1;
  }
  .fc-0c1e011d-1 {
    color: transparent;
    width: 42px;
    height: 100px;
    margin: 0 78px 0 0;
    display: block;
    z-index: 99;
    overflow: hidden;
    position: relative;
    flex-grow: 0;
    text-indent: -99999em;
    background-size: contain;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
  }
  .fc-0c1e011d-2 {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    position: absolute;
    background-color: #5741d9;
  }
  .fc-0c1e011d-3 {
    left: 0;
    width: 100%;
    bottom: 100px;
    height: 100vh;
    z-index: 3;
    position: absolute;
    transform: translate(0, 100%);
    background-color: rgba(0,0,0,0.7);
  }
  .fc-0c1e011d-4 {
    display: none;
  }
  .fc-0c1e011d-5 {
    height: 0px;
  }
  .fc-f9d524fc-1 div {
    color: #FFFFFF;
    padding: 8px;
    text-align: center;
    background-color: #5841D8;
  }
</style>
